//系统角色管理
function BasicRole_main() {
	var colors = {
		'1' : 'td-blue',
		'2' : 'td-yellow',
		'3' : 'td-green',
		'4' : 'td-red'
	};

	return $.layout({
				items : [{
							region : 'west',
							width : 200,
							id : 'BasicRole_main_tree',
							xtype : 'jtree',
							top : [$.treeSearch],
							mapper : 'id,organName,organParentId.id,organType',
							clazz : BasicOrganization,
							style : $.border('Right'),
							order : ['organSort->asc'],
							change : [{
										target : 'BasicRole_main',
										targetField : 'oid.id'
									}],
							where : [['organType', '=', 'area']]
						}, {
							autoLoad : false,
							region : 'center',
							id : 'BasicRole_main',
							xtype : 'jgrid',
							clazz : BasicRole,
							order : ['roleType->asc', 'roleSort->asc'],
							top : [{
										xtype : 'combo',
										op : '=',
										name : 'roleType',
										store : $.dic('roleType')
									}, {
										xtype : 'textfield',
										op : 'like',
										name : 'roleName'
									}, $.search],
							columns : [{
										text : '#',
										name : 'roleSort',
										maxWidth : 40
									}, {
										width : 150,
										"name" : "roleType",
										renderer : $.dicRenderer('roleType', function(v, m) {
													m.tdCls = colors[v];
												})
									}, {
										width : 200,
										"name" : "roleNo"
									}, {
										width : 150,
										"name" : "roleName"
									}, {
										flex : 1,
										"name" : "roleReson"
									}]
						}]

			})
}
